<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<title>设计小店</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/iconfont.min.css" />
		<link rel="stylesheet" href="../css/store/store_info.css" />
		<link rel="stylesheet" href="../css/swiper-4.1.0.min.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">设计小店</h1>
		</header>
		<div class="mui-content">
			<div class="adv">
				<img src="../img/banner4.jpg" />
			</div>
			<div class="title">
				<span class="mui-pull-left">新入驻小店</span>
				<span class="mui-pull-right"><i class="mui-icon mui-icon-loop"></i> 换一批</span>
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" onclick="store(1)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">低调的旋律</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="swiper-slide" onclick="store(2)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="swiper-slide" onclick="store(3)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">0.1的产品设计</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="swiper-slide" onclick="store(4)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">一家小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="swiper-slide" onclick="store(5)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">假如你不在</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="swiper-slide" onclick="store(6)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">一度灰</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="swiper-slide" onclick="store(7)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">如何乌龟会飞</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="swiper-slide" onclick="store(8)">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">骑着海豚去找你</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
				</div>
			</div>
			<div class="title">
				<span class="mui-pull-left">推荐小店</span>
			</div>
			<div class="recommend" id="recommend">
				<div class="list">
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
					<div class="detail">
						<div class="photo">
							<img src="../img/photo.jpg" />
						</div>
						<div class="info">
							<span class="name">三里墩小店</span>
							<span class="belief">模板：5&nbsp;&nbsp;被采用：25次</span>
						</div>
					</div>
				</div>
			</div>
			<script type="text/javascript" src="../js/mui.min.js"></script>
			<script type="text/javascript" src="../js/swiper-4.1.0.min.js"></script>
			<script type="text/javascript" src="../js/store/store_info.js"></script>
	</body>

</html>